{"componentChunkName":"component---src-templates-blog-post-js","path":"/Tools/Obsidian) 옵시디언 웹 클리퍼 사용하기(+폴더, 태그, 제목 형식 변경)/","result":{"data":{"site":{"siteMetadata":{"title":"cckn's Devlog","author":"박대성","siteUrl":"https://cckn.dev","comment":{"disqusShortName":"","utterances":"cckn/devlog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"b8c78cf9-0480-5ca5-af37-b7014322c45e","excerpt":"옵시디안용 웹 클리퍼를 사용하는 법을 기술한다.\nMac에서 사용 중이고 윈도우에서는 되지 않을 수도 있다. 순서 obsidian-web-clipper.js 페이지 소스코드를 복사한다. 웹브라우저에서 즐겨찾기를 하나 만든다.(아무 페이지에서나 상관 없음.) 해당 즐겨찾기 우클릭 - edit - URL에 에서 복사한 코드를 붙여넣기한다. 클리핑을 원하는 페이지에서 해당 즐겨찾기를 누르면 클리핑된다. 폴더, 태그, 제목 형식 변경하는 방법 위와 같이 사용하면 root folder…","html":"<p>옵시디안용 웹 클리퍼를 사용하는 법을 기술한다.\nMac에서 사용 중이고 윈도우에서는 되지 않을 수도 있다.</p>\n<h1 id=\"순서\" style=\"position:relative;\"><a href=\"#%EC%88%9C%EC%84%9C\" aria-label=\"순서 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>순서</h1>\n<ol>\n<li><strong><a href=\"https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3\">obsidian-web-clipper.js</a></strong> 페이지 소스코드를 복사한다.</li>\n<li>웹브라우저에서 즐겨찾기를 하나 만든다.(아무 페이지에서나 상관 없음.)</li>\n<li>해당 즐겨찾기 우클릭 - edit - URL에 <code class=\"language-text\">1</code>에서 복사한 코드를 붙여넣기한다.</li>\n<li>클리핑을 원하는 페이지에서 해당 즐겨찾기를 누르면 클리핑된다.</li>\n</ol>\n<h1 id=\"폴더-태그-제목-형식-변경하는-방법\" style=\"position:relative;\"><a href=\"#%ED%8F%B4%EB%8D%94-%ED%83%9C%EA%B7%B8-%EC%A0%9C%EB%AA%A9-%ED%98%95%EC%8B%9D-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95\" aria-label=\"폴더 태그 제목 형식 변경하는 방법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>폴더, 태그, 제목 형식 변경하는 방법</h1>\n<p>위와 같이 사용하면 root folder에 <code class=\"language-text\">#clippings</code>라는 태그로 메모가 생성된다.</p>\n<p>이 부분을 수정해보자.</p>\n<h3 id=\"폴더-변경하는-법\" style=\"position:relative;\"><a href=\"#%ED%8F%B4%EB%8D%94-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B2%95\" aria-label=\"폴더 변경하는 법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>폴더 변경하는 법</h3>\n<ul>\n<li>11번 라인의 folder 변수를 아래와 같이 수정한다.</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">//const folder = \"\";</span>\n<span class=\"token keyword\">const</span> folder <span class=\"token operator\">=</span> <span class=\"token string\">'folderName/'</span></code></pre></div>\n<h3 id=\"태그-변경하는-법\" style=\"position:relative;\"><a href=\"#%ED%83%9C%EA%B7%B8-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B2%95\" aria-label=\"태그 변경하는 법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>태그 변경하는 법</h3>\n<p>14번 라인의 tags 변수를 아래와 같이 수정한다.</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">// const tags = \"#clippings\";</span>\n<span class=\"token keyword\">const</span> tags <span class=\"token operator\">=</span> <span class=\"token string\">'#원하는태그'</span></code></pre></div>\n<h3 id=\"제목-형식-변경하는-법\" style=\"position:relative;\"><a href=\"#%EC%A0%9C%EB%AA%A9-%ED%98%95%EC%8B%9D-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B2%95\" aria-label=\"제목 형식 변경하는 법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>제목 형식 변경하는 법</h3>\n<p>클리핑된 노트의 경우 구분을 위해 <code class=\"language-text\">Clip - {클리핑된 메모 제목}</code> 과 같은 형태로 prefix가 붙기를 원했다.\n여러가지 방법이 있지만 99번째 줄의 내용을 아래와 같이 수정할 수 있다.</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\">document<span class=\"token punctuation\">.</span>location<span class=\"token punctuation\">.</span>href <span class=\"token operator\">=</span>\n  <span class=\"token string\">'obsidian://new?'</span> <span class=\"token operator\">+</span>\n  <span class=\"token comment\">//+ \"file=\" + encodeURIComponent(folder + fileName)</span>\n  <span class=\"token string\">'file='</span> <span class=\"token operator\">+</span>\n  <span class=\"token function\">encodeURIComponent</span><span class=\"token punctuation\">(</span>folder <span class=\"token operator\">+</span> <span class=\"token string\">'Clip - '</span> <span class=\"token operator\">+</span> fileName<span class=\"token punctuation\">)</span> <span class=\"token operator\">+</span>\n  <span class=\"token string\">'&amp;content='</span> <span class=\"token operator\">+</span>\n  <span class=\"token function\">encodeURIComponent</span><span class=\"token punctuation\">(</span>fileContent<span class=\"token punctuation\">)</span> <span class=\"token operator\">+</span>\n  vaultName</code></pre></div>\n<hr>\n<h1 id=\"출처참고문헌\" style=\"position:relative;\"><a href=\"#%EC%B6%9C%EC%B2%98%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C\" aria-label=\"출처참고문헌 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>출처(참고문헌)</h1>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=x3-LbB7KvkU&#x26;list=PLy4SLsxzyLUUJlu0L-_U7c1jy_bqvPMR6&#x26;index=8\"># (맥 전용) 안 되는지 알았죠? 다 돼요! 옵시디안 웹 클리핑(스크렙) 방법</a></li>\n<li><strong><a href=\"https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3\">obsidian-web-clipper.js</a></strong></li>\n</ul>\n<hr>","frontmatter":{"title":"Obsidian) 옵시디언 웹 클리퍼 사용하기(+폴더, 태그, 제목 형식 변경)","date":"January 01, 2022"}}},"pageContext":{"slug":"/Tools/Obsidian) 옵시디언 웹 클리퍼 사용하기(+폴더, 태그, 제목 형식 변경)/","previous":{"fields":{"slug":"/dev/230716-082241-prod-nextjs-in-local/"},"frontmatter":{"title":"Local에서 NextJS Prod로 실행하는 방법","category":"dev","draft":false}},"next":{"fields":{"slug":"/Tools/obsidian)-옵시디언-링크-방법/"},"frontmatter":{"title":"Obsidian) 옵시디언 링크 방법","category":"tools","draft":false}}}},"staticQueryHashes":["3128451518","521680639"]}